<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="layouts/layout">
<head>
<title>Login</title>
<!-- Page Stylesheet -->
<link rel="stylesheet"
	th:href="@{|/static/stylesheets/pages/login.css|}"
	href="../../../../resources/stylesheets/pages/login.css" />
</head>
<body>

	<th:block layout:fragment="content">
		<!-- <form class="form-login" th:action="@{/login}" action="/login" method="post">
                <h2 class="form-login-heading">Please login</h2>
                <input name="username" type="text" class="form-control" placeholder="Email address" autofocus="autofocus" value="root"/>
                <input name="password" type="password" class="form-control" placeholder="Password"/>
                <label class="checkbox">
                    <input type="checkbox" name="remember-me"/> Remember me
                </label>
                <button class="btn btn-lg btn-primary btn-block" type="submit">Login</button>
                <div th:text="${message}" id="message" th:if="${message}"/>
            </form> -->

		<div class="container-wrapper">
			<div class="container">
				<div id="login-box">
					<h2>Login with Username and Password</h2>

					
					<div th:if="${msg != null}" class="msg"><span th:text="${msg}"></span></div>
					


					<form name="loginForm" th:action="@{/login}"  method="post">

					
					<div th:if="${error != null}" class="error" style="color: #ff0000;"><span th:text="${error}"></span></div>
					

					<div class="form-group">
						<label for="username">User: </label> <input type="text"
							id="username" name="username" class="form-control" />
					</div>
					<div class="form-group">
						<label for="password">Passwrod:</label> <input type="password"
							id="password" name="password" class="form-control" />
					</div>
					<input type="submit" value="Submit" class="btn btn-default" />
					<!-- <input type="hidden" name="${_csrf.parameterName}"
						value="${_csrf.token}" /> -->
					</form>
				</div>
			</div>
		</div>
	</th:block>

</body>
</html>